<<<<<<< HEAD
@import "../../../utils/less/common.less";

@titleFont:34rpx;       //标题字体大小
@rightFont:26rpx;       //标题右侧按钮字体大小
@rightcolor:rgb(144, 185, 233);
@borderBottom:none;
@itemFont:30rpx;        //列表内容标题字体大小
@greycolor:#eeeeee;     //列表内容字体颜色
@contentFont:22rpx;     //列表内容字体大小

.recommend-item-box{
    padding:30rpx 0;
    border-bottom: @borderBottom;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    .left{
        display: flex;
        justify-content: flex-start;
        .img{
            width: 200rpx;
            display: block;
        }
        
        .center-box{
            max-width: 400rpx;
            padding-left:25rpx;
            text{
                display: block;
            }
            .title{
                font-size: @itemFont;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            .content{
                color: @grey;
                font-size: @contentFont;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                word-wrap: break-word;
                white-space: normal !important;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
            }
        }
    }
    
    .right-box{
        width: 100rpx;
        height: 100%;
        float: left;
        line-height: 200rpx;
        text-align: center;
    }
}
=======
@import "../../../utils/less/common.less";

@titleFont:34rpx;       //标题字体大小
@rightFont:26rpx;       //标题右侧按钮字体大小
@rightcolor:rgb(144, 185, 233);
@borderBottom:none;
@itemFont:30rpx;        //列表内容标题字体大小
@greycolor:#eeeeee;     //列表内容字体颜色
@contentFont:22rpx;     //列表内容字体大小

.recommend-item-box{
    padding:30rpx 0;
    border-bottom: @borderBottom;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    .left{
        display: flex;
        justify-content: flex-start;
        .img{
            width: 200rpx;
            display: block;
        }
        
        .center-box{
            max-width: 400rpx;
            padding-left:25rpx;
            text{
                display: block;
            }
            .title{
                font-size: @itemFont;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            .content{
                color: @grey;
                font-size: @contentFont;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                word-wrap: break-word;
                white-space: normal !important;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
            }
        }
    }
    
    .right-box{
        width: 100rpx;
        height: 100%;
        float: left;
        line-height: 200rpx;
        text-align: center;
    }
}
>>>>>>> 1c9ce1fdc7fcbf1a028b999eb3cd07f698a8a329
